色名 · #25464D
Everglade Deck
Everglade Deckは#25464D：rgb(37 70 77)、hsl(191 35% 22%)、oklch(0.372 0.04 212.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Everglade Deck color name →
#25464D
oklch(0.372 0.04 212.9)
カラー変換
- HEX
- #25464d
- RGB
- rgb(37 70 77)
- HSL
- hsl(191 35% 22%)
- HWB
- hwb(191 15% 70%)
- OKLCH
- oklch(0.372 0.04 212.9)
- OKLab
- oklab(0.372 -0.034 -0.022)
- CIE Lab
- lab(27.44 -10.94 -8.21)
- LCH
- lch(27.44 13.68 216.9)
- CMYK
- cmyk(52% 9% 0% 70%)
ティント · シェード · トーン
ティント
- 39575D
- 4D686E
- 62797F
- 778B90
- 8D9EA2
- A3B0B4
- B9C4C6
- D0D7D9
- E7EBEC
シェード
- 1F3C42
- 193237
- 13282C
- 0D1E22
- 081518
- 040D0F
- 020507
- 000202
- 000000
トーン
- 2E4C52
- 385157
- 41575C
- 4A5D61
- 536366
- 5C686B
- 656E70
- 6E7476
- 777A7B
カラーハーモニー
補色 +180°
- 25464D
Everglade Deck
- 543832
≈ Ragtop
類似色 -30° +30°
- 25464D
Everglade Deck
- 264742
≈ Gable Green
- 2D4354
≈ Blue Wing Teal
トライアド +120° +240°
- 25464D
Everglade Deck
- 4D384A
≈ Prince
- 484027
≈ Onion
スプリットコンプリメンタリー +150° +210°
- 25464D
Everglade Deck
- 53373E
≈ Blackcurrant Conserve
- 503C2A
≈ Fresh Roe
テトラード +90° +180° +270°
- 25464D
Everglade Deck
- 443B52
≈ Gothic Grape
- 543832
≈ Ragtop
- 3C442C
≈ Mallardish
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.18:1 · APCA Lc 94
Ag
Fail黒の上
WCAG 2.06:1 · APCA Lc 9
最適な文字色: #FFFFFF
WCAG 10.18:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--everglade-deck: #25464d;
--everglade-deck-rgb: 37 70 77;
--everglade-deck-oklch: oklch(0.372 0.04 212.9);
}
.element {
color: var(--everglade-deck);
background-color: hsl(191 35% 22%);
border-color: oklch(0.372 0.04 212.9);
}Tailwind CSS v4
@theme {
--color-everglade-deck: #25464d;
--color-everglade-deck-50: #e9f8fc;
--color-everglade-deck-100: #daecf0;
--color-everglade-deck-200: #c2d9df;
--color-everglade-deck-300: #a1bdc4;
--color-everglade-deck-400: #84a5ad;
--color-everglade-deck-500: #678e96;
--color-everglade-deck-600: #58787f;
--color-everglade-deck-700: #466066;
--color-everglade-deck-800: #32464a;
--color-everglade-deck-900: #223134;
--color-everglade-deck-950: #111d1f;
}SCSS
$everglade-deck: #25464d;
$everglade-deck-rgb: 37, 70, 77;
$everglade-deck-light: mix(#fff, $everglade-deck, 20%);
$everglade-deck-dark: mix(#000, $everglade-deck, 20%);
.element {
color: $everglade-deck;
box-shadow: 0 0 0 2px rgba($everglade-deck, 0.35);
}