Adlandırılmış renk · #CAE277
Idocrase Green
Idocrase Green, #CAE277: rgb(202 226 119), hsl(73 65% 68%), oklch(0.872 0.136 119.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Idocrase Green color name →
#CAE277
oklch(0.872 0.136 119.7)
Renk dönüşümleri
- HEX
- #cae277
- RGB
- rgb(202 226 119)
- HSL
- hsl(73 65% 68%)
- HWB
- hwb(73 47% 11%)
- OKLCH
- oklch(0.872 0.136 119.7)
- OKLab
- oklab(0.872 -0.067 0.118)
- CIE Lab
- lab(86.4 -20.06 49.04)
- LCH
- lch(86.4 52.98 112.2)
- CMYK
- cmyk(11% 0% 47% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CFE586
- D4E895
- D9EBA3
- DFEEB1
- E4F1BE
- E9F4CC
- EFF7D9
- F4FAE5
- F9FCF2
Koyu tonlar
- AFC467
- 95A857
- 7C8C47
- 647138
- 4D572A
- 373E1C
- 222710
- 0F1205
- 020301
Gri tonlar
- C2D87A
- BBCE7C
- B3C47E
- ABBA7F
- A4B080
- 9DA781
- 959D81
- 8E9381
- 878A81
Renk uyumları
Tamamlayıcı +180°
- CAE277
Idocrase Green
- DCCBFF
≈ Foggy Heath
Analog -30° +30°
- CAE277
Idocrase Green
- F8D162
≈ Soaked in Sun
- 90EEA4
≈ Mint Tonic
Üçlü +120° +240°
- CAE277
Idocrase Green
- ABDCFF
≈ Droplet
- FFC1D3
≈ Garden Glory
Bölünmüş tamamlayıcı +150° +210°
- CAE277
Idocrase Green
- C5D4FF
≈ Pale Phthalo Blue
- FFBAF9
≈ Distilled Rose
Dörtlü +90° +180° +270°
- CAE277
Idocrase Green
- 69EAFF
≈ Robin’s Egg
- DCCBFF
≈ Foggy Heath
- FFC5BB
≈ Your Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.43:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.65:1 · APCA Lc 83
En iyi metin rengi: #000000
WCAG 14.65:1 (AAA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--idocrase-green: #cae277;
--idocrase-green-rgb: 202 226 119;
--idocrase-green-oklch: oklch(0.872 0.136 119.7);
}
.element {
color: var(--idocrase-green);
background-color: hsl(73 65% 68%);
border-color: oklch(0.872 0.136 119.7);
}Tailwind CSS v4
@theme {
--color-idocrase-green: #cae277;
--color-idocrase-green-50: #eefcd1;
--color-idocrase-green-100: #e0f0bd;
--color-idocrase-green-200: #cbde9d;
--color-idocrase-green-300: #acc272;
--color-idocrase-green-400: #95aa45;
--color-idocrase-green-500: #7c9200;
--color-idocrase-green-600: #697c04;
--color-idocrase-green-700: #546306;
--color-idocrase-green-800: #3f4800;
--color-idocrase-green-900: #2b3202;
--color-idocrase-green-950: #191e00;
}SCSS
$idocrase-green: #cae277;
$idocrase-green-rgb: 202, 226, 119;
$idocrase-green-light: mix(#fff, $idocrase-green, 20%);
$idocrase-green-dark: mix(#000, $idocrase-green, 20%);
.element {
color: $idocrase-green;
box-shadow: 0 0 0 2px rgba($idocrase-green, 0.35);
}