Adlandırılmış renk · #FFDECD
Toronja
Toronja, #FFDECD: rgb(255 222 205), hsl(20 100% 90%), oklch(0.924 0.043 49). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Toronja color name →
#FFDECD
oklch(0.924 0.043 49)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFE1D2
- FFE5D7
- FFE8DC
- FFEBE1
- FFEFE6
- FFF2EB
- FFF5F0
- FFF8F5
- FFFCFA
Koyu tonlar
- DEC1B2
- BEA598
- 9E897E
- 806F66
- 63554E
- 483D38
- 2E2623
- 16120F
- 030202
Gri tonlar
- F2D4C5
- E5CBBD
- D7C1B5
- CBB7AE
- BEAEA6
- B1A59E
- A59B97
- 98928F
- 8C8987
Renk uyumları
Tamamlayıcı +180°
- FFDECD
Toronja
- C9ECFD
≈ Blue Java Banana
Analog -30° +30°
- FFDECD
Toronja
- FFDCDB
≈ Rose Tonic
- F6E3C6
≈ Honey Beige
Üçlü +120° +240°
- FFDECD
Toronja
- CBF0E1
≈ Light Salome
- E4E2FF
≈ Stoic White
Bölünmüş tamamlayıcı +150° +210°
- FFDECD
Toronja
- C5EFF1
≈ Icy Breeze
- D7E7FF
≈ Veiling Waterfalls
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.26:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.58:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.58:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
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);
}