Colore con nome · #D86157
Deep Sea Coral
Deep Sea Coral è #D86157: rgb(216 97 87), hsl(5 62% 59%), oklch(0.638 0.152 27). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Deep Sea Coral color name →
#D86157
oklch(0.638 0.152 27)
Conversioni di colore
- HEX
- #d86157
- RGB
- rgb(216 97 87)
- HSL
- hsl(5 62% 59%)
- HWB
- hwb(5 34% 15%)
- OKLCH
- oklch(0.638 0.152 27)
- OKLab
- oklab(0.638 0.135 0.069)
- CIE Lab
- lab(56.51 47.18 29.74)
- LCH
- lch(56.51 55.77 32.2)
- CMYK
- cmyk(0% 55% 60% 15%)
Tinte · Ombre · Toni
Tinte
- DE7267
- E38278
- E89288
- EDA299
- F1B1A9
- F5C1BA
- F8D0CB
- FBE0DC
- FDEFEE
Ombre
- BC534B
- A0463E
- 853933
- 6B2D27
- 53211C
- 3B1512
- 250B08
- 110303
- 020000
Toni
- D0665C
- C86A60
- C06E65
- B87169
- AF746D
- A67771
- 9D7A75
- 947C79
- 8A7E7C
Armonie di colore
Complementare +180°
- D86157
Deep Sea Coral
- 009EAD
≈ Lake Blue
Analogo -30° +30°
- D86157
Deep Sea Coral
- D15F8D
≈ Flirty Rose
- CE6F09
≈ Autumn Maple
Triadico +120° +240°
- D86157
Deep Sea Coral
- 3EA351
≈ Fruit Salad
- 6285E7
≈ Soft Blue
Complementare divisa +150° +210°
- D86157
Deep Sea Coral
- 00A28A
≈ Brilliant Turquoise
- 0096D5
≈ Bayern Blue
Tetradico +90° +180° +270°
- D86157
Deep Sea Coral
- 869600
≈ Snakes in the Grass
- 009EAD
≈ Lake Blue
- 9674DB
≈ Matt Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.64:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.76:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.76:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--deep-sea-coral: #d86157;
--deep-sea-coral-rgb: 216 97 87;
--deep-sea-coral-oklch: oklch(0.638 0.152 27);
}
.element {
color: var(--deep-sea-coral);
background-color: hsl(5 62% 59%);
border-color: oklch(0.638 0.152 27);
}Tailwind CSS v4
@theme {
--color-deep-sea-coral: #d86157;
--color-deep-sea-coral-50: #ffe6dc;
--color-deep-sea-coral-100: #ffd6cb;
--color-deep-sea-coral-200: #ffbcaf;
--color-deep-sea-coral-300: #fb988a;
--color-deep-sea-coral-400: #ea776c;
--color-deep-sea-coral-500: #d8554c;
--color-deep-sea-coral-600: #b74941;
--color-deep-sea-coral-700: #933a33;
--color-deep-sea-coral-800: #6e2926;
--color-deep-sea-coral-900: #4d1b19;
--color-deep-sea-coral-950: #330b0a;
}SCSS
$deep-sea-coral: #d86157;
$deep-sea-coral-rgb: 216, 97, 87;
$deep-sea-coral-light: mix(#fff, $deep-sea-coral, 20%);
$deep-sea-coral-dark: mix(#000, $deep-sea-coral, 20%);
.element {
color: $deep-sea-coral;
box-shadow: 0 0 0 2px rgba($deep-sea-coral, 0.35);
}