Nazwany kolor · #DD4444
Cute Crab
Cute Crab to #DD4444: rgb(221 68 68), hsl(0 69% 57%), oklch(0.607 0.19 24.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Cute Crab color name →
#DD4444
oklch(0.607 0.19 24.8)
Konwersje koloru
- HEX
- #dd4444
- RGB
- rgb(221 68 68)
- HSL
- hsl(0 69% 57%)
- HWB
- hwb(0 27% 13%)
- OKLCH
- oklch(0.607 0.19 24.8)
- OKLab
- oklab(0.607 0.172 0.08)
- CIE Lab
- lab(52.49 60.03 36.04)
- LCH
- lch(52.49 70.02 31)
- CMYK
- cmyk(0% 69% 69% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E35B57
- E96F69
- EE827B
- F2958E
- F6A7A0
- F9B9B3
- FCCAC5
- FEDCD8
- FFEDEC
Odcienie ciemniejsze
- C03A3A
- A43030
- 882626
- 6E1D1D
- 551414
- 3D0C0C
- 260505
- 110202
- 020000
Tony
- D54E4B
- CD5652
- C55E58
- BC645E
- B36A64
- AA6F6A
- A07470
- 967875
- 8C7C7B
Harmonie kolorów
Komplementarna +180°
- DD4444
Cute Crab
- 00949F
≈ Peacock Feather
Analogowa -30° +30°
- DD4444
Cute Crab
- D34388
≈ Pink Yarrow
- C46400
≈ Alloy Orange
Triada +120° +240°
- DD4444
Cute Crab
- 079E2A
≈ Linderhof Garden
- 4879F2
≈ Blue Öyster Cult
Komplementarna rozszczepiona +150° +210°
- DD4444
Cute Crab
- 00987E
≈ Paolo Veronese Green
- 008DC3
≈ Parrotfish Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.21:1 · APCA Lc 68
Ag
AANa czerni
WCAG 4.98:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 4.98:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--cute-crab: #dd4444;
--cute-crab-rgb: 221 68 68;
--cute-crab-oklch: oklch(0.607 0.19 24.8);
}
.element {
color: var(--cute-crab);
background-color: hsl(0 69% 57%);
border-color: oklch(0.607 0.19 24.8);
}Tailwind CSS v4
@theme {
--color-cute-crab: #dd4444;
--color-cute-crab-50: #ffe1d8;
--color-cute-crab-100: #ffd0c6;
--color-cute-crab-200: #ffb4a8;
--color-cute-crab-300: #ff8e82;
--color-cute-crab-400: #fb6863;
--color-cute-crab-500: #e93d40;
--color-cute-crab-600: #c53537;
--color-cute-crab-700: #9f2b2c;
--color-cute-crab-800: #761d21;
--color-cute-crab-900: #541316;
--color-cute-crab-950: #380407;
}SCSS
$cute-crab: #dd4444;
$cute-crab-rgb: 221, 68, 68;
$cute-crab-light: mix(#fff, $cute-crab, 20%);
$cute-crab-dark: mix(#000, $cute-crab, 20%);
.element {
color: $cute-crab;
box-shadow: 0 0 0 2px rgba($cute-crab, 0.35);
}