命名颜色 · #2E4B44

Peacock House

Peacock House 即 #2E4B44：rgb(46 75 68)、hsl(166 24% 24%)、oklch(0.387 0.037 177.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Teal mean? → · Peacock House color name →

#2E4B44

oklch(0.387 0.037 177.3)

颜色转换

HEX: #2e4b44
RGB: rgb(46 75 68)
HSL: hsl(166 24% 24%)
HWB: hwb(166 18% 71%)
OKLCH: oklch(0.387 0.037 177.3)
OKLab: oklab(0.387 -0.037 0.002)
CIE Lab: lab(29.42 -12.76 0.55)
LCH: lch(29.42 12.77 177.5)
CMYK: cmyk(39% 0% 9% 71%)

浅色调 · 深色调 · 灰色调

浅色调

415B55
546C66
687D77
7C8F8A
91A09C
A6B3AF
BCC5C3
D2D8D6
E8EBEB

深色调

27403A
1F3530
182B26
12211D
0B1714
060E0C
020605
010202
000000

灰色调

36504A
3E554F
475B55
4F605B
576561
5F6A67
67706D
6F7573
787B7A

配色和谐

互补色 +180°

2E4B44
Peacock House
553C44
≈ Indulgence

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 9.51:1 · APCA Lc 92

AAA

黑底

WCAG 2.20:1 · APCA Lc 10

Fail

最佳文字颜色: #FFFFFF

WCAG 9.51:1 (AAA) · APCA Lc 92

Contrast pairs

代码片段

CSS

:root {
  --peacock-house: #2e4b44;
  --peacock-house-rgb: 46 75 68;
  --peacock-house-oklch: oklch(0.387 0.037 177.3);
}

.element {
  color: var(--peacock-house);
  background-color: hsl(166 24% 24%);
  border-color: oklch(0.387 0.037 177.3);
}

Tailwind CSS v4

@theme {
  --color-peacock-house: #2e4b44;
  --color-peacock-house-50: #ebf9f5;
  --color-peacock-house-100: #dcece8;
  --color-peacock-house-200: #c4dad4;
  --color-peacock-house-300: #a4beb8;
  --color-peacock-house-400: #88a69e;
  --color-peacock-house-500: #6c8f86;
  --color-peacock-house-600: #5c7971;
  --color-peacock-house-700: #49615a;
  --color-peacock-house-800: #354742;
  --color-peacock-house-900: #24312d;
  --color-peacock-house-950: #131d1a;
}

SCSS

$peacock-house: #2e4b44;
$peacock-house-rgb: 46, 75, 68;
$peacock-house-light: mix(#fff, $peacock-house, 20%);
$peacock-house-dark: mix(#000, $peacock-house, 20%);

.element {
  color: $peacock-house;
  box-shadow: 0 0 0 2px rgba($peacock-house, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API