Nazwany kolor · #FFD18C
Sunporch
Sunporch to #FFD18C: rgb(255 209 140), hsl(36 100% 77%), oklch(0.885 0.101 77). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sunporch color name →
#FFD18C
oklch(0.885 0.101 77)
Konwersje koloru
- HEX
- #ffd18c
- RGB
- rgb(255 209 140)
- HSL
- hsl(36 100% 77%)
- HWB
- hwb(36 55% 0%)
- OKLCH
- oklch(0.885 0.101 77)
- OKLab
- oklab(0.885 0.023 0.098)
- CIE Lab
- lab(86.77 10.43 40.56)
- LCH
- lch(86.77 41.88 75.6)
- CMYK
- cmyk(0% 18% 45% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFD698
- FFDBA4
- FFDFB0
- FFE4BC
- FFE8C7
- FFEDD2
- FFF2DE
- FFF6E9
- FFFBF4
Odcienie ciemniejsze
- DEB579
- BE9B67
- 9E8155
- 806843
- 635033
- 483923
- 2E2314
- 161007
- 030201
Tony
- F2C98C
- E5C18B
- D8B88A
- CBB08A
- BEA888
- B1A087
- A59886
- 989084
- 8C8882
Harmonie kolorów
Komplementarna +180°
- FFD18C
Sunporch
- C2DBFF
≈ Broad Daylight
Analogowa -30° +30°
- FFD18C
Sunporch
- FFCDB5
≈ Peach and Quiet
- E0DE8F
≈ Lively Laugh
Triada +120° +240°
- FFD18C
Sunporch
- 81EEF0
≈ Bath Water
- F0C8FF
≈ Aquarelle Lilac
Komplementarna rozszczepiona +150° +210°
- FFD18C
Sunporch
- A6E4FF
≈ Ganon Blue
- D6D4FF
≈ Pale Lavender
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.42:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.75:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.75:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--sunporch: #ffd18c;
--sunporch-rgb: 255 209 140;
--sunporch-oklch: oklch(0.885 0.101 77);
}
.element {
color: var(--sunporch);
background-color: hsl(36 100% 77%);
border-color: oklch(0.885 0.101 77);
}Tailwind CSS v4
@theme {
--color-sunporch: #ffd18c;
--color-sunporch-50: #fff2d6;
--color-sunporch-100: #fae5c3;
--color-sunporch-200: #ecd0a4;
--color-sunporch-300: #d3b27c;
--color-sunporch-400: #c09757;
--color-sunporch-500: #ab7c2c;
--color-sunporch-600: #916928;
--color-sunporch-700: #74541f;
--color-sunporch-800: #573d15;
--color-sunporch-900: #3c2a0d;
--color-sunporch-950: #261702;
}SCSS
$sunporch: #ffd18c;
$sunporch-rgb: 255, 209, 140;
$sunporch-light: mix(#fff, $sunporch, 20%);
$sunporch-dark: mix(#000, $sunporch, 20%);
.element {
color: $sunporch;
box-shadow: 0 0 0 2px rgba($sunporch, 0.35);
}