Adlandırılmış renk · #367D83
Sea Urchin
Sea Urchin, #367D83: rgb(54 125 131), hsl(185 42% 36%), oklch(0.547 0.071 202.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Sea Urchin color name →
#367D83
oklch(0.547 0.071 202.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4C898F
- 61969B
- 75A3A7
- 88B0B3
- 9CBDBF
- AFCACC
- C3D7D8
- D7E4E5
- EBF1F2
Koyu tonlar
- 2E6C71
- 255B60
- 1E4B4F
- 163B3F
- 0F2C2F
- 081E20
- 031112
- 010506
- 000101
Gri tonlar
- 407D83
- 497E82
- 517E82
- 597F82
- 607F82
- 677F81
- 6D7F81
- 748081
- 7A8080
Renk uyumları
Tamamlayıcı +180°
- 367D83
Sea Urchin
- 96605D
≈ Brick Hearth
Analog -30° +30°
- 367D83
Sea Urchin
- 407E6D
≈ Copper Mineral Green
- 437894
≈ Cry Me a River
Üçlü +120° +240°
- 367D83
Sea Urchin
- 856389
≈ Sunshone Plum
- 856D3E
≈ Kimirucha Brown
Bölünmüş tamamlayıcı +150° +210°
- 367D83
Sea Urchin
- 915F74
≈ Glitz and Glamour
- 926549
≈ Copper Pot
Dörtlü +90° +180° +270°
- 367D83
Sea Urchin
- 726997
≈ Pandora
- 96605D
≈ Brick Hearth
- 717543
≈ Relentless Olive
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.75:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.41:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.75:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
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);
}