En yakın adlandırılmış renk · #00C224
#00C224
En yakın adlandırılmış renk: Crude Banana
#00C224 (rgb(0 194 36), hsl(131 100% 38%), oklch(0.706 0.231 143.7)) en çok Crude Banana 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.
#00C224
oklch(0.706 0.231 143.7)
Renk dönüşümleri
- HEX
- #00c224
- RGB
- rgb(0 194 36)
- HSL
- hsl(131 100% 38%)
- HWB
- hwb(131 0% 24%)
- OKLCH
- oklch(0.706 0.231 143.7)
- OKLab
- oklab(0.706 -0.186 0.137)
- CIE Lab
- lab(68.59 -63.66 60.13)
- LCH
- lch(68.59 87.56 136.6)
- CMYK
- cmyk(100% 0% 81% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 40C946
- 5DD05F
- 76D675
- 8CDD8A
- A0E39E
- B4E9B2
- C7EFC5
- DAF4D8
- EDFAEC
Koyu tonlar
- 00A81E
- 008F18
- 007712
- 00600C
- 004907
- 003404
- 002002
- 000E00
- 000200
Gri tonlar
- 2EBC37
- 41B645
- 4FAF50
- 59A959
- 62A261
- 6A9C68
- 70956F
- 768E75
- 7B877B
Renk uyumları
Tamamlayıcı +180°
- 00C224
Crude Banana
- E261F0
≈ Clematis Magenta
Analog -30° +30°
- 00C224
Crude Banana
- A1AA00
≈ Honey and Thyme
- 00BB99
≈ Aare River
Üçlü +120° +240°
- 00C224
Crude Banana
- 6E9DFF
≈ Blue Chaos
- FF6866
≈ Pompelmo
Bölünmüş tamamlayıcı +150° +210°
- 00C224
Crude Banana
- A788FF
≈ Lilac Geode
- FF58AA
≈ Pink Katydid
Dörtlü +90° +180° +270°
- 00C224
Crude Banana
- 00AEED
≈ Democrat
- E261F0
≈ Clematis Magenta
- F27B00
≈ Retro Nectarine
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.40:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.74:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.74:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--crude-banana: #00c224;
--crude-banana-rgb: 0 194 36;
--crude-banana-oklch: oklch(0.706 0.231 143.7);
}
.element {
color: var(--crude-banana);
background-color: hsl(131 100% 38%);
border-color: oklch(0.706 0.231 143.7);
}Tailwind CSS v4
@theme {
--color-crude-banana: #00c224;
--color-crude-banana-50: #cbffcd;
--color-crude-banana-100: #b6fdb9;
--color-crude-banana-200: #90ee96;
--color-crude-banana-300: #5bd569;
--color-crude-banana-400: #1ebf2e;
--color-crude-banana-500: #00a800;
--color-crude-banana-600: #008e00;
--color-crude-banana-700: #007200;
--color-crude-banana-800: #005400;
--color-crude-banana-900: #003a00;
--color-crude-banana-950: #002400;
}SCSS
$crude-banana: #00c224;
$crude-banana-rgb: 0, 194, 36;
$crude-banana-light: mix(#fff, $crude-banana, 20%);
$crude-banana-dark: mix(#000, $crude-banana, 20%);
.element {
color: $crude-banana;
box-shadow: 0 0 0 2px rgba($crude-banana, 0.35);
}