Benoemde kleur · #FFDECD
Toronja
Toronja is #FFDECD: rgb(255 222 205), hsl(20 100% 90%), oklch(0.924 0.043 49). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Toronja color name →
#FFDECD
oklch(0.924 0.043 49)
Kleurconversies
- HEX
- #ffdecd
- RGB
- rgb(255 222 205)
- HSL
- hsl(20 100% 90%)
- HWB
- hwb(20 80% 0%)
- OKLCH
- oklch(0.924 0.043 49)
- OKLab
- oklab(0.924 0.028 0.033)
- CIE Lab
- lab(90.92 9.87 12.79)
- LCH
- lch(90.92 16.16 52.4)
- CMYK
- cmyk(0% 13% 20% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFE1D2
- FFE5D7
- FFE8DC
- FFEBE1
- FFEFE6
- FFF2EB
- FFF5F0
- FFF8F5
- FFFCFA
Schaduwen
- DEC1B2
- BEA598
- 9E897E
- 806F66
- 63554E
- 483D38
- 2E2623
- 16120F
- 030202
Tonen
- F2D4C5
- E5CBBD
- D7C1B5
- CBB7AE
- BEAEA6
- B1A59E
- A59B97
- 98928F
- 8C8987
Kleurharmonieën
Complementair +180°
- FFDECD
Toronja
- C9ECFD
≈ Blue Java Banana
Analoog -30° +30°
- FFDECD
Toronja
- FFDCDB
≈ Rose Tonic
- F6E3C6
≈ Honey Beige
Triadisch +120° +240°
- FFDECD
Toronja
- CBF0E1
≈ Light Salome
- E4E2FF
≈ Stoic White
Gesplitst complementair +150° +210°
- FFDECD
Toronja
- C5EFF1
≈ Icy Breeze
- D7E7FF
≈ Veiling Waterfalls
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.26:1 · APCA Lc 13
Ag
AAAOp zwart
WCAG 16.58:1 · APCA Lc 91
Beste tekstkleur: #000000
WCAG 16.58:1 (AAA) · APCA Lc 91
Contrast pairs
Codefragmenten
CSS
:root {
--toronja: #ffdecd;
--toronja-rgb: 255 222 205;
--toronja-oklch: oklch(0.924 0.043 49);
}
.element {
color: var(--toronja);
background-color: hsl(20 100% 90%);
border-color: oklch(0.924 0.043 49);
}Tailwind CSS v4
@theme {
--color-toronja: #ffdecd;
--color-toronja-50: #fff2ea;
--color-toronja-100: #f5e4db;
--color-toronja-200: #e4cfc4;
--color-toronja-300: #cab2a4;
--color-toronja-400: #b59788;
--color-toronja-500: #9f7e6d;
--color-toronja-600: #866b5d;
--color-toronja-700: #6b554a;
--color-toronja-800: #4f3e36;
--color-toronja-900: #372b25;
--color-toronja-950: #221813;
}SCSS
$toronja: #ffdecd;
$toronja-rgb: 255, 222, 205;
$toronja-light: mix(#fff, $toronja, 20%);
$toronja-dark: mix(#000, $toronja, 20%);
.element {
color: $toronja;
box-shadow: 0 0 0 2px rgba($toronja, 0.35);
}