Nazwany kolor · #FFCBA4
Corn Kernel
Corn Kernel to #FFCBA4: rgb(255 203 164), hsl(26 100% 82%), oklch(0.879 0.078 58.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Corn Kernel color name →
#FFCBA4
oklch(0.879 0.078 58.4)
Konwersje koloru
- HEX
- #ffcba4
- RGB
- rgb(255 203 164)
- HSL
- hsl(26 100% 82%)
- HWB
- hwb(26 64% 0%)
- OKLCH
- oklch(0.879 0.078 58.4)
- OKLab
- oklab(0.879 0.041 0.067)
- CIE Lab
- lab(85.66 15.24 26.89)
- LCH
- lch(85.66 30.91 60.5)
- CMYK
- cmyk(0% 20% 36% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFD0AD
- FFD6B6
- FFDBC0
- FFE0C9
- FFE5D2
- FFEADB
- FFF0E4
- FFF5ED
- FFFAF6
Odcienie ciemniejsze
- DEB08E
- BE9679
- 9E7D64
- 806550
- 634D3D
- 48372B
- 2E221A
- 160F0A
- 030201
Tony
- F2C3A1
- E5BC9D
- D8B49A
- CBAD96
- BEA593
- B29E8F
- A5968B
- 998F88
- 8C8784
Harmonie kolorów
Komplementarna +180°
- FFCBA4
Corn Kernel
- AEDEFF
≈ Droplet
Analogowa -30° +30°
- FFCBA4
Corn Kernel
- FFC8BF
≈ The Bluff
- ECD59B
≈ Palm Sugar Yellow
Triada +120° +240°
- FFCBA4
Corn Kernel
- 9DE9D7
≈ Oasis Stream
- DCCEFF
≈ Pale Lavender
Komplementarna rozszczepiona +150° +210°
- FFCBA4
Corn Kernel
- 98E6F2
≈ Blizzard Blue
- C6D6FF
≈ Pale Phthalo Blue
Tetrada +90° +180° +270°
- FFCBA4
Corn Kernel
- B4E6BB
≈ Mint Parfait
- AEDEFF
≈ Droplet
- F4C5F1
≈ Purple’s Baby Sister
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.33:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.33:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--corn-kernel: #ffcba4;
--corn-kernel-rgb: 255 203 164;
--corn-kernel-oklch: oklch(0.879 0.078 58.4);
}
.element {
color: var(--corn-kernel);
background-color: hsl(26 100% 82%);
border-color: oklch(0.879 0.078 58.4);
}Tailwind CSS v4
@theme {
--color-corn-kernel: #ffcba4;
--color-corn-kernel-50: #fff1df;
--color-corn-kernel-100: #fce2ce;
--color-corn-kernel-200: #eecdb3;
--color-corn-kernel-300: #d6af8f;
--color-corn-kernel-400: #c29370;
--color-corn-kernel-500: #ad7950;
--color-corn-kernel-600: #926744;
--color-corn-kernel-700: #755236;
--color-corn-kernel-800: #573b27;
--color-corn-kernel-900: #3d291a;
--color-corn-kernel-950: #26160b;
}SCSS
$corn-kernel: #ffcba4;
$corn-kernel-rgb: 255, 203, 164;
$corn-kernel-light: mix(#fff, $corn-kernel, 20%);
$corn-kernel-dark: mix(#000, $corn-kernel, 20%);
.element {
color: $corn-kernel;
box-shadow: 0 0 0 2px rgba($corn-kernel, 0.35);
}