[{"data":1,"prerenderedAt":1094},["ShallowReactive",2],{"guide-css-color-values":3},{"id":4,"title":5,"body":6,"date":1084,"description":1085,"extension":1086,"meta":1087,"navigation":1088,"path":1089,"readingTime":1090,"seo":1091,"stem":1092,"__hash__":1093},"guides\u002Fguides\u002Fcss-color-values.md","CSS Color Values: Named, HEX, RGB, HSL, and Modern Functions",{"type":7,"value":8,"toc":1067},"minimark",[9,14,18,22,60,104,107,111,114,194,213,219,223,230,362,376,379,383,386,490,539,542,546,549,554,559,625,628,632,637,709,712,716,719,822,825,829,915,922,926,997,1001,1031,1035,1043,1047,1063],[10,11,13],"h2",{"id":12},"how-css-expresses-color","How CSS Expresses Color",[15,16,17],"p",{},"CSS gives you more ways to write colors than most developers realize. What started as 16 named colors and hex codes has grown into a rich system of functions, spaces, and modern syntax. Understanding the full palette helps you pick the right format for each situation.",[10,19,21],{"id":20},"named-colors","Named Colors",[15,23,24,25,29,30,33,34,37,38,41,42,45,46,49,50,41,53,45,56,59],{},"CSS defines 148 named colors from ",[26,27,28],"code",{},"aliceblue"," to ",[26,31,32],{},"zz"," (reaching ",[26,35,36],{},"yellowgreen","). Common names like ",[26,39,40],{},"red",", ",[26,43,44],{},"blue",", and ",[26,47,48],{},"green"," are easy to remember. Names like ",[26,51,52],{},"coral",[26,54,55],{},"tomato",[26,57,58],{},"steelblue"," give you decent options without looking up hex codes.",[61,62,63,76],"table",{},[64,65,66],"thead",{},[67,68,69,73],"tr",{},[70,71,72],"th",{},"Pros",[70,74,75],{},"Cons",[77,78,79,88,96],"tbody",{},[67,80,81,85],{},[82,83,84],"td",{},"Readable in source code",[82,86,87],{},"Limited to 148 options",[67,89,90,93],{},[82,91,92],{},"No typos — invalid names are ignored",[82,94,95],{},"No alpha channel support",[67,97,98,101],{},[82,99,100],{},"Great for prototypes",[82,102,103],{},"Hard to create cohesive palettes",[15,105,106],{},"Named colors work well for quick prototypes and semantic tokens. For production UIs, you will usually switch to numeric formats that offer precise control.",[10,108,110],{"id":109},"hex-values","HEX Values",[15,112,113],{},"Hexadecimal notation is the most common way to write colors in CSS. A six-digit hex value specifies red, green, and blue channels using base-16 numbers.",[115,116,121],"pre",{"className":117,"code":118,"language":119,"meta":120,"style":120},"language-css shiki shiki-themes github-light github-dark",".element {\n  color: #4f46e5;     \u002F* 6-digit: R=4F, G=46, B=E5 *\u002F\n  color: #48e;        \u002F* 3-digit shorthand: #4488EE *\u002F\n  color: #4f46e580;   \u002F* 8-digit with alpha (50%) *\u002F\n}\n","css","",[26,122,123,136,156,172,188],{"__ignoreMap":120},[124,125,128,132],"span",{"class":126,"line":127},"line",1,[124,129,131],{"class":130},"sScJk",".element",[124,133,135],{"class":134},"sVt8B"," {\n",[124,137,139,143,146,149,152],{"class":126,"line":138},2,[124,140,142],{"class":141},"sj4cs","  color",[124,144,145],{"class":134},": ",[124,147,148],{"class":141},"#4f46e5",[124,150,151],{"class":134},";     ",[124,153,155],{"class":154},"sJ8bj","\u002F* 6-digit: R=4F, G=46, B=E5 *\u002F\n",[124,157,159,161,163,166,169],{"class":126,"line":158},3,[124,160,142],{"class":141},[124,162,145],{"class":134},[124,164,165],{"class":141},"#48e",[124,167,168],{"class":134},";        ",[124,170,171],{"class":154},"\u002F* 3-digit shorthand: #4488EE *\u002F\n",[124,173,175,177,179,182,185],{"class":126,"line":174},4,[124,176,142],{"class":141},[124,178,145],{"class":134},[124,180,181],{"class":141},"#4f46e580",[124,183,184],{"class":134},";   ",[124,186,187],{"class":154},"\u002F* 8-digit with alpha (50%) *\u002F\n",[124,189,191],{"class":126,"line":190},5,[124,192,193],{"class":134},"}\n",[15,195,196,197,200,201,204,205,208,209,212],{},"Three-digit shorthand expands each digit: ",[26,198,199],{},"#abc"," becomes ",[26,202,203],{},"#aabbcc",". Eight-digit hex adds an alpha channel where ",[26,206,207],{},"00"," is fully transparent and ",[26,210,211],{},"ff"," is fully opaque.",[15,214,215,216,218],{},"Hex is compact and widely supported. The downside is readability — you cannot tell at a glance that ",[26,217,148],{}," is indigo.",[10,220,222],{"id":221},"rgb-and-rgba","RGB and RGBA",[15,224,225,226,229],{},"The ",[26,227,228],{},"rgb()"," function expresses colors using decimal values from 0 to 255 for each channel.",[115,231,233],{"className":117,"code":232,"language":119,"meta":120,"style":120},".element {\n  color: rgb(79, 70, 229);\n  color: rgb(79 70 229);           \u002F* Modern space-separated syntax *\u002F\n  color: rgb(79 70 229 \u002F 50%);    \u002F* With 50% alpha *\u002F\n  color: rgba(79, 70, 229, 0.5);  \u002F* Legacy rgba() syntax *\u002F\n}\n",[26,234,235,241,269,293,325,357],{"__ignoreMap":120},[124,236,237,239],{"class":126,"line":127},[124,238,131],{"class":130},[124,240,135],{"class":134},[124,242,243,245,247,250,253,256,258,261,263,266],{"class":126,"line":138},[124,244,142],{"class":141},[124,246,145],{"class":134},[124,248,249],{"class":141},"rgb",[124,251,252],{"class":134},"(",[124,254,255],{"class":141},"79",[124,257,41],{"class":134},[124,259,260],{"class":141},"70",[124,262,41],{"class":134},[124,264,265],{"class":141},"229",[124,267,268],{"class":134},");\n",[124,270,271,273,275,277,279,281,284,287,290],{"class":126,"line":158},[124,272,142],{"class":141},[124,274,145],{"class":134},[124,276,249],{"class":141},[124,278,252],{"class":134},[124,280,255],{"class":141},[124,282,283],{"class":141}," 70",[124,285,286],{"class":141}," 229",[124,288,289],{"class":134},");           ",[124,291,292],{"class":154},"\u002F* Modern space-separated syntax *\u002F\n",[124,294,295,297,299,301,303,305,307,309,312,315,319,322],{"class":126,"line":174},[124,296,142],{"class":141},[124,298,145],{"class":134},[124,300,249],{"class":141},[124,302,252],{"class":134},[124,304,255],{"class":141},[124,306,283],{"class":141},[124,308,286],{"class":141},[124,310,311],{"class":134}," \u002F ",[124,313,314],{"class":141},"50",[124,316,318],{"class":317},"szBVR","%",[124,320,321],{"class":134},");    ",[124,323,324],{"class":154},"\u002F* With 50% alpha *\u002F\n",[124,326,327,329,331,334,336,338,340,342,344,346,348,351,354],{"class":126,"line":190},[124,328,142],{"class":141},[124,330,145],{"class":134},[124,332,333],{"class":141},"rgba",[124,335,252],{"class":134},[124,337,255],{"class":141},[124,339,41],{"class":134},[124,341,260],{"class":141},[124,343,41],{"class":134},[124,345,265],{"class":141},[124,347,41],{"class":134},[124,349,350],{"class":141},"0.5",[124,352,353],{"class":134},");  ",[124,355,356],{"class":154},"\u002F* Legacy rgba() syntax *\u002F\n",[124,358,360],{"class":126,"line":359},6,[124,361,193],{"class":134},[15,363,364,365,368,369,372,373,375],{},"Modern CSS accepts space-separated values and uses a slash for alpha. The legacy ",[26,366,367],{},"rgba()"," function still works but the ",[26,370,371],{},"a"," is now redundant — ",[26,374,228],{}," handles alpha too.",[15,377,378],{},"RGB is intuitive for anyone who understands additive color mixing. It maps directly to hex values, making conversion straightforward.",[10,380,382],{"id":381},"hsl-and-hsla","HSL and HSLA",[15,384,385],{},"HSL stands for Hue, Saturation, and Lightness. It is often more intuitive than RGB because you can adjust lightness or saturation independently.",[115,387,389],{"className":117,"code":388,"language":119,"meta":120,"style":120},".element {\n  color: hsl(239, 74%, 59%);\n  color: hsl(239 74% 59%);        \u002F* Modern syntax *\u002F\n  color: hsl(239 74% 59% \u002F 50%);  \u002F* With alpha *\u002F\n}\n",[26,390,391,397,427,455,486],{"__ignoreMap":120},[124,392,393,395],{"class":126,"line":127},[124,394,131],{"class":130},[124,396,135],{"class":134},[124,398,399,401,403,406,408,411,413,416,418,420,423,425],{"class":126,"line":138},[124,400,142],{"class":141},[124,402,145],{"class":134},[124,404,405],{"class":141},"hsl",[124,407,252],{"class":134},[124,409,410],{"class":141},"239",[124,412,41],{"class":134},[124,414,415],{"class":141},"74",[124,417,318],{"class":317},[124,419,41],{"class":134},[124,421,422],{"class":141},"59",[124,424,318],{"class":317},[124,426,268],{"class":134},[124,428,429,431,433,435,437,439,442,444,447,449,452],{"class":126,"line":158},[124,430,142],{"class":141},[124,432,145],{"class":134},[124,434,405],{"class":141},[124,436,252],{"class":134},[124,438,410],{"class":141},[124,440,441],{"class":141}," 74",[124,443,318],{"class":317},[124,445,446],{"class":141}," 59",[124,448,318],{"class":317},[124,450,451],{"class":134},");        ",[124,453,454],{"class":154},"\u002F* Modern syntax *\u002F\n",[124,456,457,459,461,463,465,467,469,471,473,475,477,479,481,483],{"class":126,"line":174},[124,458,142],{"class":141},[124,460,145],{"class":134},[124,462,405],{"class":141},[124,464,252],{"class":134},[124,466,410],{"class":141},[124,468,441],{"class":141},[124,470,318],{"class":317},[124,472,446],{"class":141},[124,474,318],{"class":317},[124,476,311],{"class":134},[124,478,314],{"class":141},[124,480,318],{"class":317},[124,482,353],{"class":134},[124,484,485],{"class":154},"\u002F* With alpha *\u002F\n",[124,487,488],{"class":126,"line":190},[124,489,193],{"class":134},[61,491,492,505],{},[64,493,494],{},[67,495,496,499,502],{},[70,497,498],{},"Component",[70,500,501],{},"Range",[70,503,504],{},"Meaning",[77,506,507,518,529],{},[67,508,509,512,515],{},[82,510,511],{},"Hue",[82,513,514],{},"0–360",[82,516,517],{},"Position on the color wheel (0=red, 120=green, 240=blue)",[67,519,520,523,526],{},[82,521,522],{},"Saturation",[82,524,525],{},"0–100%",[82,527,528],{},"Intensity of color (0%=gray, 100%=full color)",[67,530,531,534,536],{},[82,532,533],{},"Lightness",[82,535,525],{},[82,537,538],{},"Brightness (0%=black, 50%=normal, 100%=white)",[15,540,541],{},"HSL makes it easy to create color variations by adjusting a single parameter. Need a lighter version? Increase lightness. Need a muted tone? Decrease saturation.",[10,543,545],{"id":544},"modern-color-functions","Modern Color Functions",[15,547,548],{},"CSS Color Level 4 introduced several new ways to specify colors with wider gamuts and perceptual uniformity.",[550,551,553],"h3",{"id":552},"oklch","oklch()",[15,555,556,558],{},[26,557,553],{}," is the most promising modern color function. It separates color into Lightness, Chroma (saturation), and Hue in a perceptually uniform space.",[115,560,562],{"className":117,"code":561,"language":119,"meta":120,"style":120},".element {\n  color: oklch(0.55 0.22 264);    \u002F* L, C, H *\u002F\n  color: oklch(0.55 0.22 264 \u002F 50%); \u002F* With alpha *\u002F\n}\n",[26,563,564,570,594,621],{"__ignoreMap":120},[124,565,566,568],{"class":126,"line":127},[124,567,131],{"class":130},[124,569,135],{"class":134},[124,571,572,574,576,578,580,583,586,589,591],{"class":126,"line":138},[124,573,142],{"class":141},[124,575,145],{"class":134},[124,577,552],{"class":141},[124,579,252],{"class":134},[124,581,582],{"class":141},"0.55",[124,584,585],{"class":141}," 0.22",[124,587,588],{"class":141}," 264",[124,590,321],{"class":134},[124,592,593],{"class":154},"\u002F* L, C, H *\u002F\n",[124,595,596,598,600,602,604,606,608,610,612,614,616,619],{"class":126,"line":158},[124,597,142],{"class":141},[124,599,145],{"class":134},[124,601,552],{"class":141},[124,603,252],{"class":134},[124,605,582],{"class":141},[124,607,585],{"class":141},[124,609,588],{"class":141},[124,611,311],{"class":134},[124,613,314],{"class":141},[124,615,318],{"class":317},[124,617,618],{"class":134},"); ",[124,620,485],{"class":154},[124,622,623],{"class":126,"line":174},[124,624,193],{"class":134},[15,626,627],{},"The key advantage: equal changes in lightness produce equal perceived brightness differences. This solves the problem where HSL lightness does not match human perception — yellow at 50% HSL lightness looks much brighter than blue at 50%.",[550,629,631],{"id":630},"color-mix","color-mix()",[15,633,634,636],{},[26,635,631],{}," lets you blend two colors in any color space.",[115,638,640],{"className":117,"code":639,"language":119,"meta":120,"style":120},".element {\n  color: color-mix(in oklch, #4f46e5, #f97316);\n  color: color-mix(in oklch, #4f46e5 80%, #f97316);\n}\n",[26,641,642,648,676,705],{"__ignoreMap":120},[124,643,644,646],{"class":126,"line":127},[124,645,131],{"class":130},[124,647,135],{"class":134},[124,649,650,652,654,656,658,662,665,667,669,671,674],{"class":126,"line":138},[124,651,142],{"class":141},[124,653,145],{"class":134},[124,655,630],{"class":141},[124,657,252],{"class":134},[124,659,661],{"class":660},"s4XuR","in",[124,663,664],{"class":660}," oklch",[124,666,41],{"class":134},[124,668,148],{"class":141},[124,670,41],{"class":134},[124,672,673],{"class":141},"#f97316",[124,675,268],{"class":134},[124,677,678,680,682,684,686,688,690,692,694,697,699,701,703],{"class":126,"line":158},[124,679,142],{"class":141},[124,681,145],{"class":134},[124,683,630],{"class":141},[124,685,252],{"class":134},[124,687,661],{"class":660},[124,689,664],{"class":660},[124,691,41],{"class":134},[124,693,148],{"class":141},[124,695,696],{"class":141}," 80",[124,698,318],{"class":317},[124,700,41],{"class":134},[124,702,673],{"class":141},[124,704,268],{"class":134},[124,706,707],{"class":126,"line":174},[124,708,193],{"class":134},[15,710,711],{},"This is powerful for creating hover states, borders, and subtle variations without computing values manually.",[550,713,715],{"id":714},"relative-color-syntax","Relative Color Syntax",[15,717,718],{},"Relative color syntax lets you modify an existing color by adjusting individual channels.",[115,720,722],{"className":117,"code":721,"language":119,"meta":120,"style":120},".element {\n  --base: #4f46e5;\n  color: oklch(from var(--base) calc(l + 0.1) c h);  \u002F* Lighter *\u002F\n  background: oklch(from var(--base) l c calc(h + 30));  \u002F* Hue shifted *\u002F\n}\n",[26,723,724,730,742,782,818],{"__ignoreMap":120},[124,725,726,728],{"class":126,"line":127},[124,727,131],{"class":130},[124,729,135],{"class":134},[124,731,732,735,737,739],{"class":126,"line":138},[124,733,734],{"class":660},"  --base",[124,736,145],{"class":134},[124,738,148],{"class":141},[124,740,741],{"class":134},";\n",[124,743,744,746,748,750,753,756,758,761,764,767,770,773,776,779],{"class":126,"line":158},[124,745,142],{"class":141},[124,747,145],{"class":134},[124,749,552],{"class":141},[124,751,752],{"class":134},"(from ",[124,754,755],{"class":141},"var",[124,757,252],{"class":134},[124,759,760],{"class":660},"--base",[124,762,763],{"class":134},") ",[124,765,766],{"class":141},"calc",[124,768,769],{"class":134},"(l ",[124,771,772],{"class":317},"+",[124,774,775],{"class":141}," 0.1",[124,777,778],{"class":134},") c h);  ",[124,780,781],{"class":154},"\u002F* Lighter *\u002F\n",[124,783,784,787,789,791,793,795,797,799,802,804,807,809,812,815],{"class":126,"line":174},[124,785,786],{"class":141},"  background",[124,788,145],{"class":134},[124,790,552],{"class":141},[124,792,752],{"class":134},[124,794,755],{"class":141},[124,796,252],{"class":134},[124,798,760],{"class":660},[124,800,801],{"class":134},") l c ",[124,803,766],{"class":141},[124,805,806],{"class":134},"(h ",[124,808,772],{"class":317},[124,810,811],{"class":141}," 30",[124,813,814],{"class":134},"));  ",[124,816,817],{"class":154},"\u002F* Hue shifted *\u002F\n",[124,819,820],{"class":126,"line":190},[124,821,193],{"class":134},[15,823,824],{},"This replaces manual calculations for hover states, focus rings, and palette generation.",[10,826,828],{"id":827},"browser-support","Browser Support",[61,830,831,847],{},[64,832,833],{},[67,834,835,838,841,844],{},[70,836,837],{},"Feature",[70,839,840],{},"Chrome",[70,842,843],{},"Firefox",[70,845,846],{},"Safari",[77,848,849,863,877,890,901],{},[67,850,851,854,857,860],{},[82,852,853],{},"8-digit hex",[82,855,856],{},"62+",[82,858,859],{},"49+",[82,861,862],{},"10+",[67,864,865,868,871,874],{},[82,866,867],{},"Space-separated rgb()",[82,869,870],{},"65+",[82,872,873],{},"52+",[82,875,876],{},"12.1+",[67,878,879,881,884,887],{},[82,880,553],{},[82,882,883],{},"111+",[82,885,886],{},"113+",[82,888,889],{},"15.4+",[67,891,892,894,896,898],{},[82,893,631],{},[82,895,883],{},[82,897,886],{},[82,899,900],{},"16.2+",[67,902,903,906,909,912],{},[82,904,905],{},"Relative color syntax",[82,907,908],{},"119+",[82,910,911],{},"128+",[82,913,914],{},"16.4+",[15,916,917,918,921],{},"For production use with modern functions, add fallbacks or use ",[26,919,920],{},"@supports"," queries.",[10,923,925],{"id":924},"choosing-the-right-format","Choosing the Right Format",[61,927,928,941],{},[64,929,930],{},[67,931,932,935,938],{},[70,933,934],{},"Use Case",[70,936,937],{},"Best Format",[70,939,940],{},"Why",[77,942,943,954,965,976,986],{},[67,944,945,948,951],{},[82,946,947],{},"Quick prototypes",[82,949,950],{},"Named colors",[82,952,953],{},"Fastest to type",[67,955,956,959,962],{},[82,957,958],{},"Compact values",[82,960,961],{},"HEX",[82,963,964],{},"Shortest, universal",[67,966,967,970,973],{},[82,968,969],{},"Design systems",[82,971,972],{},"HSL or oklch",[82,974,975],{},"Easy to create variations",[67,977,978,981,983],{},[82,979,980],{},"Wide-gamut displays",[82,982,552],{},[82,984,985],{},"Accesses P3 colors",[67,987,988,991,994],{},[82,989,990],{},"Dynamic theming",[82,992,993],{},"oklch + relative colors",[82,995,996],{},"Programmatic adjustments",[10,998,1000],{"id":999},"key-takeaways","Key Takeaways",[1002,1003,1004,1008,1018,1023,1028],"ul",{},[1005,1006,1007],"li",{},"CSS supports named, hex, rgb, hsl, oklch, and several other color formats.",[1005,1009,1010,1011,1013,1014,1017],{},"Modern ",[26,1012,228],{}," and ",[26,1015,1016],{},"hsl()"," accept space-separated values and alpha in one function.",[1005,1019,1020,1022],{},[26,1021,553],{}," offers perceptual uniformity and wider gamut support.",[1005,1024,1025,1027],{},[26,1026,631],{}," and relative color syntax eliminate manual color math.",[1005,1029,1030],{},"Use hex for compactness, hsl for variations, and oklch for perceptually accurate palettes.",[10,1032,1034],{"id":1033},"try-it-yourself","Try It Yourself",[15,1036,1037,1038,1042],{},"Convert between HEX, RGB, and HSL instantly with the ",[371,1039,1041],{"href":1040},"\u002Ftools\u002Fhex-to-rgb","HEX to RGB Converter",".",[10,1044,1046],{"id":1045},"related-guides","Related Guides",[1002,1048,1049,1056],{},[1005,1050,1051,1055],{},[371,1052,1054],{"href":1053},"\u002Fguides\u002Fhex-to-rgb-guide","HEX to RGB Guide"," — Understanding color code conversions",[1005,1057,1058,1062],{},[371,1059,1061],{"href":1060},"\u002Fguides\u002Fcolor-models-explained","Color Models Explained"," — HEX, RGB, HSL, and CMYK",[1064,1065,1066],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":120,"searchDepth":138,"depth":138,"links":1068},[1069,1070,1071,1072,1073,1074,1079,1080,1081,1082,1083],{"id":12,"depth":138,"text":13},{"id":20,"depth":138,"text":21},{"id":109,"depth":138,"text":110},{"id":221,"depth":138,"text":222},{"id":381,"depth":138,"text":382},{"id":544,"depth":138,"text":545,"children":1075},[1076,1077,1078],{"id":552,"depth":158,"text":553},{"id":630,"depth":158,"text":631},{"id":714,"depth":158,"text":715},{"id":827,"depth":138,"text":828},{"id":924,"depth":138,"text":925},{"id":999,"depth":138,"text":1000},{"id":1033,"depth":138,"text":1034},{"id":1045,"depth":138,"text":1046},"2026-05-28","Complete guide to CSS color values — named colors, HEX codes, RGB, HSL, oklch, color-mix, and relative color syntax with browser support.","md",{"immutable":1088},true,"\u002Fguides\u002Fcss-color-values",7,{"title":5,"description":1085},"guides\u002Fcss-color-values","VaNvqS61hZ_Rgos-IuDo7sJ7rCjXDHqFE5d9kcn1BII",1780401327739]