最も近い色名 · #623E1E
#623E1E
最も近い色名: Florida’s Alligator
#623E1E（rgb(98 62 30)、hsl(28 53% 25%)、oklch(0.399 0.068 60.4)）に最も近い色名はFlorida’s Alligatorです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#623E1E
oklch(0.399 0.068 60.4)
カラー変換
- HEX
- #623e1e
- RGB
- rgb(98 62 30)
- HSL
- hsl(28 53% 25%)
- HWB
- hwb(28 12% 62%)
- OKLCH
- oklch(0.399 0.068 60.4)
- OKLab
- oklab(0.399 0.034 0.059)
- CIE Lab
- lab(30.03 13.74 26.03)
- LCH
- lch(30.03 29.44 62.2)
- CMYK
- cmyk(0% 37% 69% 62%)
ティント · シェード · トーン
ティント
- 715033
- 806248
- 90745E
- 9F8773
- AF9A89
- BEADA0
- CEC1B7
- DED6CF
- EFEAE7
シェード
- 543519
- 472B13
- 3A230E
- 2D1A09
- 211205
- 160A03
- 0B0401
- 030100
- 000000
トーン
- 654529
- 694B33
- 6C523C
- 6F5846
- 725F50
- 756559
- 786C63
- 7B736C
- 7D7976
カラーハーモニー
補色 +180°
- 623E1E
Florida’s Alligator
- 204C69
≈ Seafarer
類似色 -30° +30°
- 623E1E
Florida’s Alligator
- 673931
≈ One Dozen
- 554615
≈ Sugarloaf Brown
トライアド +120° +240°
- 623E1E
Florida’s Alligator
- 0B5349
≈ Breathe Deeply
- 4D3E67
≈ Geode
スプリットコンプリメンタリー +150° +210°
- 623E1E
Florida’s Alligator
- 02515C
≈ Kali Blue
- 39456C
≈ Port Gore
テトラード +90° +180° +270°
- 623E1E
Florida’s Alligator
- 2A5234
≈ Kaitoke Green
- 204C69
≈ Seafarer
- 5C3959
≈ Parma Plum Red
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.42:1 · APCA Lc 92
Ag
Fail黒の上
WCAG 2.22:1 · APCA Lc 11
最適な文字色: #FFFFFF
WCAG 9.42:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--florida-s-alligator: #623e1e;
--florida-s-alligator-rgb: 98 62 30;
--florida-s-alligator-oklch: oklch(0.399 0.068 60.4);
}
.element {
color: var(--florida-s-alligator);
background-color: hsl(28 53% 25%);
border-color: oklch(0.399 0.068 60.4);
}Tailwind CSS v4
@theme {
--color-florida-s-alligator: #623e1e;
--color-florida-s-alligator-50: #fff1e2;
--color-florida-s-alligator-100: #f9e3d1;
--color-florida-s-alligator-200: #eaceb7;
--color-florida-s-alligator-300: #d1b094;
--color-florida-s-alligator-400: #bd9576;
--color-florida-s-alligator-500: #a87c57;
--color-florida-s-alligator-600: #8e694a;
--color-florida-s-alligator-700: #72543b;
--color-florida-s-alligator-800: #543d2a;
--color-florida-s-alligator-900: #3b2a1c;
--color-florida-s-alligator-950: #25170d;
}SCSS
$florida-s-alligator: #623e1e;
$florida-s-alligator-rgb: 98, 62, 30;
$florida-s-alligator-light: mix(#fff, $florida-s-alligator, 20%);
$florida-s-alligator-dark: mix(#000, $florida-s-alligator, 20%);
.element {
color: $florida-s-alligator;
box-shadow: 0 0 0 2px rgba($florida-s-alligator, 0.35);
}