Warna bernama · #367D83
Sea Urchin
Sea Urchin adalah #367D83: rgb(54 125 131), hsl(185 42% 36%), oklch(0.547 0.071 202.8). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Cyan mean? → · Sea Urchin color name →
#367D83
oklch(0.547 0.071 202.8)
Konversi warna
- HEX
- #367d83
- RGB
- rgb(54 125 131)
- HSL
- hsl(185 42% 36%)
- HWB
- hwb(185 21% 49%)
- OKLCH
- oklch(0.547 0.071 202.8)
- OKLab
- oklab(0.547 -0.065 -0.028)
- CIE Lab
- lab(48.13 -21.68 -10.38)
- LCH
- lch(48.13 24.03 205.6)
- CMYK
- cmyk(59% 5% 0% 49%)
Tint · Shade · Tone
Tint
- 4C898F
- 61969B
- 75A3A7
- 88B0B3
- 9CBDBF
- AFCACC
- C3D7D8
- D7E4E5
- EBF1F2
Shade
- 2E6C71
- 255B60
- 1E4B4F
- 163B3F
- 0F2C2F
- 081E20
- 031112
- 010506
- 000101
Tone
- 407D83
- 497E82
- 517E82
- 597F82
- 607F82
- 677F81
- 6D7F81
- 748081
- 7A8080
Harmoni warna
Komplementer +180°
- 367D83
Sea Urchin
- 96605D
≈ Brick Hearth
Analog -30° +30°
- 367D83
Sea Urchin
- 407E6D
≈ Copper Mineral Green
- 437894
≈ Cry Me a River
Triadik +120° +240°
- 367D83
Sea Urchin
- 856389
≈ Sunshone Plum
- 856D3E
≈ Kimirucha Brown
Split-komplementer +150° +210°
- 367D83
Sea Urchin
- 915F74
≈ Glitz and Glamour
- 926549
≈ Copper Pot
Tetradik +90° +180° +270°
- 367D83
Sea Urchin
- 726997
≈ Pandora
- 96605D
≈ Brick Hearth
- 717543
≈ Relentless Olive
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 4.75:1 · APCA Lc 73
Ag
FailDi atas hitam
WCAG 4.41:1 · APCA Lc 29
Warna teks terbaik: #FFFFFF
WCAG 4.75:1 (AA) · APCA Lc 73
Contrast pairs
Cuplikan kode
CSS
:root {
--sea-urchin: #367d83;
--sea-urchin-rgb: 54 125 131;
--sea-urchin-oklch: oklch(0.547 0.071 202.8);
}
.element {
color: var(--sea-urchin);
background-color: hsl(185 42% 36%);
border-color: oklch(0.547 0.071 202.8);
}Tailwind CSS v4
@theme {
--color-sea-urchin: #367d83;
--color-sea-urchin-50: #dffcff;
--color-sea-urchin-100: #ceeff3;
--color-sea-urchin-200: #b2dee3;
--color-sea-urchin-300: #8cc2c9;
--color-sea-urchin-400: #6aabb1;
--color-sea-urchin-500: #45949b;
--color-sea-urchin-600: #3b7d83;
--color-sea-urchin-700: #2f6469;
--color-sea-urchin-800: #214a4c;
--color-sea-urchin-900: #163335;
--color-sea-urchin-950: #061f20;
}SCSS
$sea-urchin: #367d83;
$sea-urchin-rgb: 54, 125, 131;
$sea-urchin-light: mix(#fff, $sea-urchin, 20%);
$sea-urchin-dark: mix(#000, $sea-urchin, 20%);
.element {
color: $sea-urchin;
box-shadow: 0 0 0 2px rgba($sea-urchin, 0.35);
}