Adlandırılmış renk · #ADFF2F
Chestnut Shell
Chestnut Shell, #ADFF2F: rgb(173 255 47), hsl(84 100% 59%), oklch(0.913 0.233 130). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Chestnut Shell color name →
#ADFF2F
oklch(0.913 0.233 130)
Renk dönüşümleri
- HEX
- #adff2f
- RGB
- rgb(173 255 47)
- HSL
- hsl(84 100% 59%)
- HWB
- hwb(84 18% 0%)
- OKLCH
- oklch(0.913 0.233 130)
- OKLab
- oklab(0.913 -0.15 0.179)
- CIE Lab
- lab(92.2 -46.41 80.45)
- LCH
- lch(92.2 92.88 120)
- CMYK
- cmyk(32% 0% 82% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B6FF56
- BEFF70
- C6FF86
- CFFF9A
- D7FFAD
- DFFFBE
- E7FFCF
- EFFFDF
- F7FFEF
Koyu tonlar
- 96DE27
- 7FBE20
- 6A9E19
- 558012
- 41630C
- 2D4806
- 1B2E03
- 0B1601
- 010300
Gri tonlar
- A9F245
- A5E554
- A0D85F
- 9CCC67
- 97BF6E
- 93B273
- 8EA678
- 8A997B
- 858D7E
Renk uyumları
Tamamlayıcı +180°
- ADFF2F
Chestnut Shell
- EED9FF
≈ Lavender Savour
Analog -30° +30°
- ADFF2F
Chestnut Shell
- FFE429
≈ Highlighter
- 85FFC2
≈ Iridescent Turquoise
Üçlü +120° +240°
- ADFF2F
Chestnut Shell
- CDE5FF
≈ Fresh Water
- FFD6DB
≈ No Need to Blush
Bölünmüş tamamlayıcı +150° +210°
- ADFF2F
Chestnut Shell
- DCE0FF
≈ Stoic White
- FFD3EF
≈ Pink Currant
Dörtlü +90° +180° +270°
- ADFF2F
Chestnut Shell
- B5EDFF
≈ Ice Effect
- EED9FF
≈ Lavender Savour
- FFD9CB
≈ Shell Tint
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.22:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.12:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.12:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--chestnut-shell: #adff2f;
--chestnut-shell-rgb: 173 255 47;
--chestnut-shell-oklch: oklch(0.913 0.233 130);
}
.element {
color: var(--chestnut-shell);
background-color: hsl(84 100% 59%);
border-color: oklch(0.913 0.233 130);
}Tailwind CSS v4
@theme {
--color-chestnut-shell: #adff2f;
--color-chestnut-shell-50: #ddffbe;
--color-chestnut-shell-100: #cbf9a7;
--color-chestnut-shell-200: #afe97c;
--color-chestnut-shell-300: #89cf3f;
--color-chestnut-shell-400: #6eb700;
--color-chestnut-shell-500: #4c9f00;
--color-chestnut-shell-600: #428700;
--color-chestnut-shell-700: #346c00;
--color-chestnut-shell-800: #2a4f00;
--color-chestnut-shell-900: #1c3700;
--color-chestnut-shell-950: #0c2100;
}SCSS
$chestnut-shell: #adff2f;
$chestnut-shell-rgb: 173, 255, 47;
$chestnut-shell-light: mix(#fff, $chestnut-shell, 20%);
$chestnut-shell-dark: mix(#000, $chestnut-shell, 20%);
.element {
color: $chestnut-shell;
box-shadow: 0 0 0 2px rgba($chestnut-shell, 0.35);
}