色名 · #26604F
Evening Sea
Evening Seaは#26604F：rgb(38 96 79)、hsl(162 43% 26%)、oklch(0.445 0.067 171.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Teal mean? → · Evening Sea color name →
#26604F
oklch(0.445 0.067 171.1)
カラー変換
- HEX
- #26604f
- RGB
- rgb(38 96 79)
- HSL
- hsl(162 43% 26%)
- HWB
- hwb(162 15% 62%)
- OKLCH
- oklch(0.445 0.067 171.1)
- OKLab
- oklab(0.445 -0.066 0.01)
- CIE Lab
- lab(36.54 -23.29 3.78)
- LCH
- lch(36.54 23.6 170.8)
- CMYK
- cmyk(60% 0% 18% 62%)
ティント · シェード · トーン
ティント
- 3D6F5F
- 527E6F
- 678D80
- 7C9D91
- 91ADA3
- A7BDB4
- BCCDC7
- D2DDD9
- E8EEEC
シェード
- 205244
- 194538
- 13382E
- 0D2C23
- 082019
- 041510
- 020A07
- 010302
- 000000
トーン
- 316354
- 3B6758
- 456A5D
- 4E6D62
- 567067
- 5F736C
- 677771
- 707A76
- 787D7B
カラーハーモニー
補色 +180°
- 26604F
Evening Sea
- 704458
≈ Deep Carmine
類似色 -30° +30°
- 26604F
Evening Sea
- 3F5D3A
≈ Turf
- 185F63
≈ Beau Vert
トライアド +120° +240°
- 26604F
Evening Sea
- 544D76
≈ Perpetual Purple
- 724930
≈ Taj
スプリットコンプリメンタリー +150° +210°
- 26604F
Evening Sea
- 65476B
≈ Sultana
- 754444
≈ Chianti
テトラード +90° +180° +270°
- 26604F
Evening Sea
- 3F5479
≈ Star Spangled
- 704458
≈ Deep Carmine
- 675025
≈ Black Queen
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.32:1 · APCA Lc 85
Ag
Fail黒の上
WCAG 2.86:1 · APCA Lc 17
最適な文字色: #FFFFFF
WCAG 7.32:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--evening-sea: #26604f;
--evening-sea-rgb: 38 96 79;
--evening-sea-oklch: oklch(0.445 0.067 171.1);
}
.element {
color: var(--evening-sea);
background-color: hsl(162 43% 26%);
border-color: oklch(0.445 0.067 171.1);
}Tailwind CSS v4
@theme {
--color-evening-sea: #26604f;
--color-evening-sea-50: #e3fcf3;
--color-evening-sea-100: #d2f0e6;
--color-evening-sea-200: #b8ded1;
--color-evening-sea-300: #94c3b4;
--color-evening-sea-400: #75ac99;
--color-evening-sea-500: #559580;
--color-evening-sea-600: #487e6d;
--color-evening-sea-700: #3a6557;
--color-evening-sea-800: #294a3e;
--color-evening-sea-900: #1c332b;
--color-evening-sea-950: #0c1f18;
}SCSS
$evening-sea: #26604f;
$evening-sea-rgb: 38, 96, 79;
$evening-sea-light: mix(#fff, $evening-sea, 20%);
$evening-sea-dark: mix(#000, $evening-sea, 20%);
.element {
color: $evening-sea;
box-shadow: 0 0 0 2px rgba($evening-sea, 0.35);
}