Nazwany kolor · #FFCB5D
Nacho
Nacho to #FFCB5D: rgb(255 203 93), hsl(41 100% 68%), oklch(0.868 0.139 83.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Nacho color name →
#FFCB5D
oklch(0.868 0.139 83.6)
Konwersje koloru
- HEX
- #ffcb5d
- RGB
- rgb(255 203 93)
- HSL
- hsl(41 100% 68%)
- HWB
- hwb(41 36% 0%)
- OKLCH
- oklch(0.868 0.139 83.6)
- OKLab
- oklab(0.868 0.015 0.138)
- CIE Lab
- lab(84.86 10.7 60.57)
- LCH
- lch(84.86 61.51 80)
- CMYK
- cmyk(0% 20% 64% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFD171
- FFD684
- FFDB95
- FFE1A5
- FFE6B5
- FFEBC4
- FFF0D3
- FFF5E2
- FFFAF0
Odcienie ciemniejsze
- DEB050
- BE9643
- 9E7D37
- 80652A
- 634D1F
- 483714
- 2E220A
- 160F03
- 030200
Tony
- F2C464
- E5BC6A
- D8B56F
- CBAD73
- BEA676
- B19E79
- A5977B
- 988F7D
- 8C887F
Harmonie kolorów
Komplementarna +180°
- FFCB5D
Nacho
- BED4FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- FFCB5D
Nacho
- FFC6A1
≈ Apricot Froth
- D3DD6B
≈ Banana Chalk
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- FFCB5D
Nacho
- A0DDFF
≈ Columbia Blue
- D5CBFF
≈ Lavender Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.50:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 13.95:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 13.95:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--nacho: #ffcb5d;
--nacho-rgb: 255 203 93;
--nacho-oklch: oklch(0.868 0.139 83.6);
}
.element {
color: var(--nacho);
background-color: hsl(41 100% 68%);
border-color: oklch(0.868 0.139 83.6);
}Tailwind CSS v4
@theme {
--color-nacho: #ffcb5d;
--color-nacho-50: #fff3c8;
--color-nacho-100: #fde5b3;
--color-nacho-200: #efd08f;
--color-nacho-300: #d7b25f;
--color-nacho-400: #c59627;
--color-nacho-500: #b17b00;
--color-nacho-600: #966800;
--color-nacho-700: #785300;
--color-nacho-800: #5a3c00;
--color-nacho-900: #3f2900;
--color-nacho-950: #281700;
}SCSS
$nacho: #ffcb5d;
$nacho-rgb: 255, 203, 93;
$nacho-light: mix(#fff, $nacho, 20%);
$nacho-dark: mix(#000, $nacho, 20%);
.element {
color: $nacho;
box-shadow: 0 0 0 2px rgba($nacho, 0.35);
}