Adlandırılmış renk · #DE5F2F
Full of Life
Full of Life, #DE5F2F: rgb(222 95 47), hsl(16 73% 53%), oklch(0.639 0.17 39.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Full of Life color name →
#DE5F2F
oklch(0.639 0.17 39.8)
Renk dönüşümleri
- HEX
- #de5f2f
- RGB
- rgb(222 95 47)
- HSL
- hsl(16 73% 53%)
- HWB
- hwb(16 18% 13%)
- OKLCH
- oklch(0.639 0.17 39.8)
- OKLab
- oklab(0.639 0.131 0.109)
- CIE Lab
- lab(56.71 48.83 51.49)
- LCH
- lch(56.71 70.96 46.5)
- CMYK
- cmyk(0% 57% 79% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E37148
- E8825E
- ED9272
- F1A286
- F5B29A
- F8C1AE
- FAD1C2
- FCE0D6
- FEF0EB
Koyu tonlar
- C15227
- A54420
- 893819
- 6F2C12
- 55200C
- 3D1506
- 260A03
- 120301
- 020000
Gri tonlar
- D6643B
- CD6945
- C46D4F
- BB7157
- B2745F
- A97766
- 9F7A6D
- 957C73
- 8B7E7A
Renk uyumları
Tamamlayıcı +180°
- DE5F2F
Full of Life
- 009BBC
≈ Serene Blue
Analog -30° +30°
- DE5F2F
Full of Life
- DE5674
≈ Fever Dream
- C07A00
≈ Guo Tie Dumpling
Üçlü +120° +240°
- DE5F2F
Full of Life
- 00A66C
≈ Banaue Jade
- 7A7BF0
≈ Hera Blue
Bölünmüş tamamlayıcı +150° +210°
- DE5F2F
Full of Life
- 00A19A
≈ Ceramic Blue Turquoise
- 1B8FEE
≈ Bleu de France
Dörtlü +90° +180° +270°
- DE5F2F
Full of Life
- 689F04
≈ Elven Olympics
- 009BBC
≈ Serene Blue
- AB69D8
≈ Violet Voltage
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.63:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.78:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.78:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--full-of-life: #de5f2f;
--full-of-life-rgb: 222 95 47;
--full-of-life-oklch: oklch(0.639 0.17 39.8);
}
.element {
color: var(--full-of-life);
background-color: hsl(16 73% 53%);
border-color: oklch(0.639 0.17 39.8);
}Tailwind CSS v4
@theme {
--color-full-of-life: #de5f2f;
--color-full-of-life-50: #ffe6d0;
--color-full-of-life-100: #ffd6bc;
--color-full-of-life-200: #ffbc9b;
--color-full-of-life-300: #ff9870;
--color-full-of-life-400: #f0764a;
--color-full-of-life-500: #de5213;
--color-full-of-life-600: #bc4615;
--color-full-of-life-700: #973811;
--color-full-of-life-800: #71270e;
--color-full-of-life-900: #501a09;
--color-full-of-life-950: #350900;
}SCSS
$full-of-life: #de5f2f;
$full-of-life-rgb: 222, 95, 47;
$full-of-life-light: mix(#fff, $full-of-life, 20%);
$full-of-life-dark: mix(#000, $full-of-life, 20%);
.element {
color: $full-of-life;
box-shadow: 0 0 0 2px rgba($full-of-life, 0.35);
}