Adlandırılmış renk · #204F54
Immersed
Immersed, #204F54: rgb(32 79 84), hsl(186 45% 23%), oklch(0.397 0.051 204.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? → · Immersed color name →
#204F54
oklch(0.397 0.051 204.8)
Renk dönüşümleri
- HEX
- #204f54
- RGB
- rgb(32 79 84)
- HSL
- hsl(186 45% 23%)
- HWB
- hwb(186 13% 67%)
- OKLCH
- oklch(0.397 0.051 204.8)
- OKLab
- oklab(0.397 -0.047 -0.021)
- CIE Lab
- lab(30.55 -15.35 -8.07)
- LCH
- lch(30.55 17.34 207.7)
- CMYK
- cmyk(62% 6% 0% 67%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 365F64
- 4C6F73
- 618084
- 779194
- 8CA3A5
- A2B5B7
- B9C7C8
- D0D9DA
- E7ECED
Koyu tonlar
- 1A4448
- 15383C
- 0F2E31
- 0A2326
- 06191B
- 031011
- 010708
- 000202
- 000000
Gri tonlar
- 2B5458
- 36595D
- 3F5E61
- 496265
- 52676A
- 5B6C6E
- 657173
- 6E7677
- 777B7C
Renk uyumları
Tamamlayıcı +180°
- 204F54
Immersed
- 603C39
≈ Hereford Bull
Analog -30° +30°
- 204F54
Immersed
- 265045
≈ Hunt Club
- 294C5F
≈ Deep Ocean
Üçlü +120° +240°
- 204F54
Immersed
- 553D56
≈ Velvet Plum
- 544525
≈ Garden Loam
Bölünmüş tamamlayıcı +150° +210°
- 204F54
Immersed
- 5D3B48
≈ Enchantress
- 5D3F2C
≈ Bracken
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.09:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.30:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 9.09:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--immersed: #204f54;
--immersed-rgb: 32 79 84;
--immersed-oklch: oklch(0.397 0.051 204.8);
}
.element {
color: var(--immersed);
background-color: hsl(186 45% 23%);
border-color: oklch(0.397 0.051 204.8);
}Tailwind CSS v4
@theme {
--color-immersed: #204f54;
--color-immersed-50: #e5fafd;
--color-immersed-100: #d5edf0;
--color-immersed-200: #bcdbdf;
--color-immersed-300: #9abfc5;
--color-immersed-400: #7ba8ad;
--color-immersed-500: #5c9096;
--color-immersed-600: #4e7a7f;
--color-immersed-700: #3e6266;
--color-immersed-800: #2c484a;
--color-immersed-900: #1e3233;
--color-immersed-950: #0e1e1f;
}SCSS
$immersed: #204f54;
$immersed-rgb: 32, 79, 84;
$immersed-light: mix(#fff, $immersed, 20%);
$immersed-dark: mix(#000, $immersed, 20%);
.element {
color: $immersed;
box-shadow: 0 0 0 2px rgba($immersed, 0.35);
}