En yakın adlandırılmış renk · #FFAA9A
#FFAA9A
En yakın adlandırılmış renk: Discreet Orange
#FFAA9A (rgb(255 170 154), hsl(10 100% 80%), oklch(0.817 0.104 31.1)) en çok Discreet Orange adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#FFAA9A
oklch(0.817 0.104 31.1)
Renk dönüşümleri
- HEX
- #ffaa9a
- RGB
- rgb(255 170 154)
- HSL
- hsl(10 100% 80%)
- HWB
- hwb(10 60% 0%)
- OKLCH
- oklch(0.817 0.104 31.1)
- OKLab
- oklab(0.817 0.089 0.054)
- CIE Lab
- lab(77.89 30.79 21.77)
- LCH
- lch(77.89 37.7 35.3)
- CMYK
- cmyk(0% 33% 40% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFB3A4
- FFBBAE
- FFC4B8
- FFCCC2
- FFD5CC
- FFDDD6
- FFE6E0
- FFEEEB
- FFF7F5
Koyu tonlar
- DE9385
- BE7D71
- 9E685E
- 80534B
- 633F39
- 482D27
- 2E1B17
- 160B09
- 030101
Gri tonlar
- F2A698
- E5A295
- D99E93
- CC9A90
- BF968D
- B3918B
- A68D88
- 998986
- 8D8483
Renk uyumları
Tamamlayıcı +180°
- FFAA9A
Discreet Orange
- 68D5E9
≈ Turquoise Sea
Analog -30° +30°
- FFAA9A
Discreet Orange
- FBA7BF
≈ Amélie’s Tutu
- F4B47C
≈ Sunburst
Üçlü +120° +240°
- FFAA9A
Discreet Orange
- 90D7A1
≈ Mother of Pearl Green
- ADC0FF
≈ Pastel Blue
Bölünmüş tamamlayıcı +150° +210°
- FFAA9A
Discreet Orange
- 6ED9C7
≈ Star Grass
- 85CCFF
≈ Platonic Blue
Dörtlü +90° +180° +270°
- FFAA9A
Discreet Orange
- B9CE81
≈ Alien Breed
- 68D5E9
≈ Turquoise Sea
- CEB4FC
≈ Violet Heaven
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.83:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.46:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.46:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--discreet-orange: #ffaa9a;
--discreet-orange-rgb: 255 170 154;
--discreet-orange-oklch: oklch(0.817 0.104 31.1);
}
.element {
color: var(--discreet-orange);
background-color: hsl(10 100% 80%);
border-color: oklch(0.817 0.104 31.1);
}Tailwind CSS v4
@theme {
--color-discreet-orange: #ffaa9a;
--color-discreet-orange-50: #ffebe2;
--color-discreet-orange-100: #ffdcd2;
--color-discreet-orange-200: #fdc5b8;
--color-discreet-orange-300: #e7a495;
--color-discreet-orange-400: #d48779;
--color-discreet-orange-500: #c16a5b;
--color-discreet-orange-600: #a35a4d;
--color-discreet-orange-700: #83483d;
--color-discreet-orange-800: #61342d;
--color-discreet-orange-900: #44231e;
--color-discreet-orange-950: #2c120e;
}SCSS
$discreet-orange: #ffaa9a;
$discreet-orange-rgb: 255, 170, 154;
$discreet-orange-light: mix(#fff, $discreet-orange, 20%);
$discreet-orange-dark: mix(#000, $discreet-orange, 20%);
.element {
color: $discreet-orange;
box-shadow: 0 0 0 2px rgba($discreet-orange, 0.35);
}