Nazwany kolor · #FFDCB2
Feather Plume
Feather Plume to #FFDCB2: rgb(255 220 178), hsl(33 100% 85%), oklch(0.914 0.067 71.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Feather Plume color name →
#FFDCB2
oklch(0.914 0.067 71.9)
Konwersje koloru
- HEX
- #ffdcb2
- RGB
- rgb(255 220 178)
- HSL
- hsl(33 100% 85%)
- HWB
- hwb(33 70% 0%)
- OKLCH
- oklch(0.914 0.067 71.9)
- OKLab
- oklab(0.914 0.021 0.064)
- CIE Lab
- lab(89.98 8.15 25.43)
- LCH
- lch(89.98 26.71 72.2)
- CMYK
- cmyk(0% 14% 30% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFE0BA
- FFE3C2
- FFE7C9
- FFEAD1
- FFEED9
- FFF1E1
- FFF5E8
- FFF8F0
- FFFCF7
Odcienie ciemniejsze
- DEBF9A
- BEA383
- 9E886D
- 806E57
- 635443
- 483C2F
- 2E261D
- 16110C
- 030201
Tony
- F2D2AD
- E5C9A8
- D7C0A3
- CBB69E
- BEAD99
- B1A494
- A59B8F
- 98928A
- 8C8985
Harmonie kolorów
Komplementarna +180°
- FFDCB2
Feather Plume
- CEE5FF
≈ Fresh Water
Analogowa -30° +30°
- FFDCB2
Feather Plume
- FFD9CB
≈ Shell Tint
- EBE5B1
≈ Springtime
Triada +120° +240°
- FFDCB2
Feather Plume
- AEF1EE
≈ Mint Macaron
- EFD8FF
≈ Lavender Savour
Komplementarna rozszczepiona +150° +210°
- FFDCB2
Feather Plume
- B8ECFF
≈ Ice Effect
- DDE0FF
≈ Stoic White
Tetrada +90° +180° +270°
- FFDCB2
Feather Plume
- BBF1D5
≈ Mystery Mint
- CEE5FF
≈ Fresh Water
- FFD4ED
≈ Pink Currant
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.30:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.13:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.13:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--feather-plume: #ffdcb2;
--feather-plume-rgb: 255 220 178;
--feather-plume-oklch: oklch(0.914 0.067 71.9);
}
.element {
color: var(--feather-plume);
background-color: hsl(33 100% 85%);
border-color: oklch(0.914 0.067 71.9);
}Tailwind CSS v4
@theme {
--color-feather-plume: #ffdcb2;
--color-feather-plume-50: #fff3e1;
--color-feather-plume-100: #f6e5d0;
--color-feather-plume-200: #e6d1b5;
--color-feather-plume-300: #ccb392;
--color-feather-plume-400: #b89873;
--color-feather-plume-500: #a27f53;
--color-feather-plume-600: #896c47;
--color-feather-plume-700: #6e5639;
--color-feather-plume-800: #513e28;
--color-feather-plume-900: #392b1b;
--color-feather-plume-950: #23180b;
}SCSS
$feather-plume: #ffdcb2;
$feather-plume-rgb: 255, 220, 178;
$feather-plume-light: mix(#fff, $feather-plume, 20%);
$feather-plume-dark: mix(#000, $feather-plume, 20%);
.element {
color: $feather-plume;
box-shadow: 0 0 0 2px rgba($feather-plume, 0.35);
}