Adlandırılmış renk · #D6A550
Plantain Chips
Plantain Chips, #D6A550: rgb(214 165 80), hsl(38 62% 58%), oklch(0.751 0.118 79.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Plantain Chips color name →
#D6A550
oklch(0.751 0.118 79.1)
Renk dönüşümleri
- HEX
- #d6a550
- RGB
- rgb(214 165 80)
- HSL
- hsl(38 62% 58%)
- HWB
- hwb(38 31% 16%)
- OKLCH
- oklch(0.751 0.118 79.1)
- OKLab
- oklab(0.751 0.022 0.115)
- CIE Lab
- lab(71.16 12.03 50.26)
- LCH
- lch(71.16 51.68 76.5)
- CMYK
- cmyk(0% 23% 63% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DAAE64
- DFB777
- E3C089
- E7C99A
- EBD2AB
- EFDBBC
- F3E4CD
- F7EDDD
- FBF6EE
Koyu tonlar
- BA8F44
- 9E7939
- 84652E
- 6A5124
- 523D1A
- 3B2B10
- 251A07
- 100A02
- 020100
Gri tonlar
- CDA257
- C59E5E
- BC9A64
- B39769
- AB936E
- A28F72
- 998C76
- 91887A
- 88847D
Renk uyumları
Tamamlayıcı +180°
- D6A550
Plantain Chips
- 81AFF8
≈ Kitten’s Eye
Analog -30° +30°
- D6A550
Plantain Chips
- EA9769
≈ Peachy Maroney
- B4B456
≈ Green Oasis
Üçlü +120° +240°
- D6A550
Plantain Chips
- 32C4CA
≈ Turquoise Surf
- CE96DD
≈ Somewhere in a Fairytale
Bölünmüş tamamlayıcı +150° +210°
- D6A550
Plantain Chips
- 50BCE9
≈ Clean Pool
- ACA1F4
≈ Shy Moment
Dörtlü +90° +180° +270°
- D6A550
Plantain Chips
- 54C6A1
≈ Mermaid’s Kiss
- 81AFF8
≈ Kitten’s Eye
- E68FBA
≈ Chewing Gum Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.24:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.35:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--plantain-chips: #d6a550;
--plantain-chips-rgb: 214 165 80;
--plantain-chips-oklch: oklch(0.751 0.118 79.1);
}
.element {
color: var(--plantain-chips);
background-color: hsl(38 62% 58%);
border-color: oklch(0.751 0.118 79.1);
}Tailwind CSS v4
@theme {
--color-plantain-chips: #d6a550;
--color-plantain-chips-50: #fff2d0;
--color-plantain-chips-100: #fce5bc;
--color-plantain-chips-200: #eed09b;
--color-plantain-chips-300: #d6b170;
--color-plantain-chips-400: #c39646;
--color-plantain-chips-500: #af7b00;
--color-plantain-chips-600: #946809;
--color-plantain-chips-700: #775309;
--color-plantain-chips-800: #593c05;
--color-plantain-chips-900: #3e2904;
--color-plantain-chips-950: #271700;
}SCSS
$plantain-chips: #d6a550;
$plantain-chips-rgb: 214, 165, 80;
$plantain-chips-light: mix(#fff, $plantain-chips, 20%);
$plantain-chips-dark: mix(#000, $plantain-chips, 20%);
.element {
color: $plantain-chips;
box-shadow: 0 0 0 2px rgba($plantain-chips, 0.35);
}