Adlandırılmış renk · #499C9D
Coolbox Ice Turquoise
Coolbox Ice Turquoise, #499C9D: rgb(73 156 157), hsl(181 37% 45%), oklch(0.642 0.08 196.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Coolbox Ice Turquoise color name →
#499C9D
oklch(0.642 0.08 196.4)
Renk dönüşümleri
- HEX
- #499c9d
- RGB
- rgb(73 156 157)
- HSL
- hsl(181 37% 45%)
- HWB
- hwb(181 29% 38%)
- OKLCH
- oklch(0.642 0.08 196.4)
- OKLab
- oklab(0.642 -0.077 -0.023)
- CIE Lab
- lab(59.31 -26.02 -8.66)
- LCH
- lch(59.31 27.42 198.4)
- CMYK
- cmyk(54% 1% 0% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5EA6A6
- 71AFB0
- 83B9BA
- 95C3C3
- A7CDCD
- B9D7D7
- CAE1E1
- DCEBEB
- EDF5F5
Koyu tonlar
- 3E8788
- 347373
- 2A5F5F
- 204C4C
- 17393A
- 0E2828
- 061818
- 020909
- 000101
Gri tonlar
- 51999A
- 589797
- 5F9494
- 659191
- 6A8E8E
- 6F8C8C
- 748989
- 788686
- 7C8383
Renk uyumları
Tamamlayıcı +180°
- 499C9D
Coolbox Ice Turquoise
- B9797C
≈ Nipple
Analog -30° +30°
- 499C9D
Coolbox Ice Turquoise
- 599D82
≈ Wintergreen Shadow
- 5397B2
≈ Hush-A-Bye
Üçlü +120° +240°
- 499C9D
Coolbox Ice Turquoise
- A07EAE
≈ Design Delight
- A98653
≈ Muddy Waters
Bölünmüş tamamlayıcı +150° +210°
- 499C9D
Coolbox Ice Turquoise
- B17997
≈ Choral Singer
- B67D63
≈ Silken Chocolate
Dörtlü +90° +180° +270°
- 499C9D
Coolbox Ice Turquoise
- 8986BC
≈ Heliotropic Mauve
- B9797C
≈ Nipple
- 939055
≈ Amazon Queen
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.21:1 · APCA Lc 59
Ag
AASiyah üzerinde
WCAG 6.52:1 · APCA Lc 43
En iyi metin rengi: #000000
WCAG 6.52:1 (AA) · APCA Lc 43
Contrast pairs
Kod parçacıkları
CSS
:root {
--coolbox-ice-turquoise: #499c9d;
--coolbox-ice-turquoise-rgb: 73 156 157;
--coolbox-ice-turquoise-oklch: oklch(0.642 0.08 196.4);
}
.element {
color: var(--coolbox-ice-turquoise);
background-color: hsl(181 37% 45%);
border-color: oklch(0.642 0.08 196.4);
}Tailwind CSS v4
@theme {
--color-coolbox-ice-turquoise: #499c9d;
--color-coolbox-ice-turquoise-50: #dcfdfe;
--color-coolbox-ice-turquoise-100: #caf1f2;
--color-coolbox-ice-turquoise-200: #addfe1;
--color-coolbox-ice-turquoise-300: #85c4c6;
--color-coolbox-ice-turquoise-400: #60adae;
--color-coolbox-ice-turquoise-500: #369798;
--color-coolbox-ice-turquoise-600: #307f80;
--color-coolbox-ice-turquoise-700: #266667;
--color-coolbox-ice-turquoise-800: #1a4b4b;
--color-coolbox-ice-turquoise-900: #113434;
--color-coolbox-ice-turquoise-950: #031f1f;
}SCSS
$coolbox-ice-turquoise: #499c9d;
$coolbox-ice-turquoise-rgb: 73, 156, 157;
$coolbox-ice-turquoise-light: mix(#fff, $coolbox-ice-turquoise, 20%);
$coolbox-ice-turquoise-dark: mix(#000, $coolbox-ice-turquoise, 20%);
.element {
color: $coolbox-ice-turquoise;
box-shadow: 0 0 0 2px rgba($coolbox-ice-turquoise, 0.35);
}