En yakın adlandırılmış renk · #2CAD97
#2CAD97
En yakın adlandırılmış renk: Hole in One
#2CAD97 (rgb(44 173 151), hsl(170 59% 43%), oklch(0.674 0.113 178.4)) en çok Hole in One adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#2CAD97
oklch(0.674 0.113 178.4)
Renk dönüşümleri
- HEX
- #2cad97
- RGB
- rgb(44 173 151)
- HSL
- hsl(170 59% 43%)
- HWB
- hwb(170 17% 32%)
- OKLCH
- oklch(0.674 0.113 178.4)
- OKLab
- oklab(0.674 -0.113 0.003)
- CIE Lab
- lab(63.67 -39.64 0.93)
- LCH
- lch(63.67 39.65 178.7)
- CMYK
- cmyk(75% 0% 13% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4CB5A1
- 65BEAB
- 7BC6B5
- 8FCEBF
- A2D6CA
- B5DED4
- C8E7DF
- DAEFE9
- EDF7F4
Koyu tonlar
- 259683
- 1E7F6F
- 176A5C
- 115549
- 0A4137
- 052D26
- 021B17
- 010B08
- 000101
Gri tonlar
- 3EA995
- 4BA492
- 55A090
- 5D9B8E
- 65978B
- 6C9289
- 718E87
- 778985
- 7C8582
Renk uyumları
Tamamlayıcı +180°
- 2CAD97
Hole in One
- CE7896
≈ Devilish Diva
Analog -30° +30°
- 2CAD97
Hole in One
- 62AA6F
≈ Happy Cricket
- 15A9BB
≈ Kentucky Bluegrass
Üçlü +120° +240°
- 2CAD97
Hole in One
- A087D3
≈ Middy’s Purple
- CA844B
≈ Sticky Toffee
Bölünmüş tamamlayıcı +150° +210°
- 2CAD97
Hole in One
- BC7DB9
≈ Colombo Red Mauve
- D37A6F
≈ Bite My Tongue
Dörtlü +90° +180° +270°
- 2CAD97
Hole in One
- 7993DD
≈ Little Boy Blue
- CE7896
≈ Devilish Diva
- B39239
≈ Balsam Pear
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.78:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.53:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.53:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--hole-in-one: #2cad97;
--hole-in-one-rgb: 44 173 151;
--hole-in-one-oklch: oklch(0.674 0.113 178.4);
}
.element {
color: var(--hole-in-one);
background-color: hsl(170 59% 43%);
border-color: oklch(0.674 0.113 178.4);
}Tailwind CSS v4
@theme {
--color-hole-in-one: #2cad97;
--color-hole-in-one-50: #d3fff6;
--color-hole-in-one-100: #bff5e9;
--color-hole-in-one-200: #9ee5d6;
--color-hole-in-one-300: #71cbba;
--color-hole-in-one-400: #41b49f;
--color-hole-in-one-500: #009e87;
--color-hole-in-one-600: #008572;
--color-hole-in-one-700: #006b5b;
--color-hole-in-one-800: #004f41;
--color-hole-in-one-900: #00372d;
--color-hole-in-one-950: #00221a;
}SCSS
$hole-in-one: #2cad97;
$hole-in-one-rgb: 44, 173, 151;
$hole-in-one-light: mix(#fff, $hole-in-one, 20%);
$hole-in-one-dark: mix(#000, $hole-in-one, 20%);
.element {
color: $hole-in-one;
box-shadow: 0 0 0 2px rgba($hole-in-one, 0.35);
}